<div class="main mh565" id="widget_snapshot_profile_DIV_1">
	<div class="snapshot clearfix" id="widget_snapshot_profile_DIV_2">
		<div class="sn-main" id="widget_snapshot_profile_DIV_3">
			<div class="picture" id="widget_snapshot_profile_DIV_4">
				<!-- widget_snapshot_profile_template_left -->
			</div>

			<div class="info" id="widget_snapshot_profile_DIV_57">
                <!-- widget_snapshot_profile_template_right -->
			</div>

			<div class="sn-nav" id="widget_snapshot_profile_DIV_79">
				<div class="line-separator" id="widget_snapshot_profile_DIV_80">
				</div>
				<ul id="widget_snapshot_profile_UL_81">
					<li id="widget_snapshot_profile_LI_82">
						 <a href="JavaScript:void(0)" id="widget_snapshot_profile_A_83" class="sn-yes  "><span class="ico-big ico-yes" id="widget_snapshot_profile_SPAN_84"></span>Yep! I like her</a>
					</li>
					<li id="widget_snapshot_profile_LI_85">
						 <a href="JavaScript:void(0)" id="widget_snapshot_profile_A_86" title="Nope" class="sn-no"><span class="ico-big ico-no" id="widget_snapshot_profile_SPAN_87"></span>Nope</a>
					</li>
				</ul>
				<div class="line-separator" id="widget_snapshot_profile_DIV_88">
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/html" id="widget_snapshot_profile_template_left">
    <h2 id="widget_snapshot_profile_H2_5">
        <a href="<%= data.profile_url %>" id="widget_snapshot_profile_A_6">
            <span class="big-fb" id="widget_snapshot_profile_SPAN_7"></span>
        </a>
        <span class="fsep" id="widget_snapshot_profile_SPAN_8"></span>
        <a class="snap-name" href="javascript:void(0)" id="widget_snapshot_profile_A_9">
            <span class="text" id="widget_snapshot_profile_SPAN_10"><%= data.name %></span>
        </a>
        <a class="modal-chat-open cboxElement" href="javascript:void(0)" id="widget_snapshot_profile_A_11">
            <span class="sep" id="widget_snapshot_profile_SPAN_12"></span>
            <span class="icosmall small-chat" id="widget_snapshot_profile_SPAN_13"></span>
        </a>
    </h2>
    <a href="<%= CONST.PHOTO_ORIGIN_URL + '/' + data.avatar.filename %>" rel="prettyPhoto[gal]" id="widget_snapshot_profile_A_14">
        <img src="<%= CONST.THUMBNAIL_250X250_URL + '/' + data.avatar.filename %>" id="widget_snapshot_profile_IMG_15" />
    </a>
    <input type="hidden" value="100006692881898" id="widget_snapshot_profile_INPUT_16" />
    <ul id="widget_snapshot_profile_UL_17">
        <% var photos = _.shuffle(data.photos) %>
        <% _.each(photos, function(photo, index) { %>
        <li>
            <a href="<%= CONST.PHOTO_ORIGIN_URL + '/' + photo.filename %>" rel="prettyPhoto[gal]">
                <% if(index < 3) { %>
                <img src="<%= CONST.THUMBNAIL_80X80_URL + '/' + photo.filename %>" />
                <% } %>
            </a>
        </li>
        <% }); %>
    </ul>
    <a href="javascript:void(0);" id="widget_snapshot_profile_A_48" class="butt ">
        <span class="icosmall small-myfav" id="widget_snapshot_profile_SPAN_49"></span>
        <span class="text" id="widget_snapshot_profile_SPAN_50">Favourite</span>
    </a>
    <a href="javascript:void(0);" id="widget_snapshot_profile_A_51" class="butt">
        <span class="icosmall small-gift" id="widget_snapshot_profile_SPAN_52"></span>
        <span class="text" id="widget_snapshot_profile_SPAN_53">Gift</span>
    </a>
    <a href="javascript:void(0);" id="widget_snapshot_profile_A_54" class="butt">
        <span class="icosmall small-blocked" id="widget_snapshot_profile_SPAN_55"></span>
        <span class="text" id="widget_snapshot_profile_SPAN_56">Block</span>
    </a>
</script>

<script type="text/html" id="widget_snapshot_profile_template_right">
    <div class="btn-daily" id="widget_snapshot_profile_DIV_58">
        <span class="text" id="widget_snapshot_profile_SPAN_59">Daily Snapshot:</span>
        <span class="text" id="widget_snapshot_profile_SPAN_60">01</span>
        <a href="javascript:void(0);" class="btn-next" id="widget_snapshot_profile_A_61"></a>
    </div>

    <div class="mutual" id="widget_snapshot_profile_DIV_62"></div>

    <div class="detail" id="widget_snapshot_profile_DIV_63">
        <ul class="about" id="widget_snapshot_profile_UL_64">
            <li id="widget_snapshot_profile_LI_73">
                <span class="ico ico-bod tipsy-hover-sw" id="widget_snapshot_profile_SPAN_74"></span>
                <%= data.birthday %>
            </li>
            <li id="widget_snapshot_profile_LI_65">
                <span class="ico ico-city tipsy-hover-sw" id="widget_snapshot_profile_SPAN_66"></span>
                <%= data.location.name %>
            </li>
            <li id="widget_snapshot_profile_LI_67">
                <span class="ico ico-home tipsy-hover-sw" id="widget_snapshot_profile_SPAN_68"></span>
                <%= data.hometown.name %>
            </li>
            <% if(data.educations.length > 0) { %>
            <li id="widget_snapshot_profile_LI_69">
                <span class="ico ico-school tipsy-hover-sw" id="widget_snapshot_profile_SPAN_70"></span>
                <% _.each(data.educations, function(education) { %>
                <a href="http://www.facebook.com/<%= education.id %>"><%= education.name %></a>,
                <% }); %>
            </li>
            <% } %>
            <% if(data.works.length > 0) { %>
            <li id="widget_snapshot_profile_LI_75">
                <span class="ico ico-work tipsy-hover-sw" id="widget_snapshot_profile_SPAN_76"></span>
                <% _.each(data.works, function(work) { %>
                <a href="http://www.facebook.com/<%= work.id %>"><%= work.name %></a>,
                <% }); %>
            </li>
            <% } %>
        </ul>
        <ul class="bothlike" id="widget_snapshot_profile_UL_78"></ul>
    </div>
</script>